<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<link rel="stylesheet" type="text/css" href="css\app\app.css">
	<link rel="stylesheet" type="text/css" href="css\app\editor.css">
	<link rel="stylesheet" type="text/css" href="css\app\appearance.css">
	<link rel="stylesheet" type="text/css" href="css\lib\bootstrap\bootstrap.css">
	<link rel="stylesheet" type="text/css" href="css\lib\bootstrap\bootstrap-responsive.css">
	<script src="javascripts\lib\bootstrap\bootstrap.js"></script>
	<script src="javascripts\lib\jquery-1.10.2.js"></script>
	<script src="javascripts\lib\spine\spine.js"></script>
	<script src="javascripts\lib\spine\manager.js"></script>
	<script src="javascripts\controllers\ControlPanel.js"></script>
	<script src="javascripts\controllers\Page.js"></script>
	<script src="javascripts\controllers\Settings.js"></script>
	<script src="javascripts\controllers\ProfileModule\ProfileModule.js"></script>
	<script src="javascripts\controllers\ProfileModule\PersonalData.js"></script>
	<script src="javascripts\controllers\ProfileModule\ProfileMenu.js"></script>
	<script src="javascripts\controllers\ProfileModule\Profile.js"></script>
	<script src="javascripts\controllers\Editor.js"></script>
	<script src="javascripts\controllers\Search.js"></script>
	<script src="javascripts\controllers\MakeOrder.js"></script>
	<script src="javascripts\controllers\ViewOrder.js"></script>
	<script src="javascripts\controllers\Viewer.js"></script>
	<script src="javascripts\controllers\App.js"></script>
	<title>Constru</title>
</head>
<body>
	<header><h1>Constru</h1></header>
	<div id="control-panel">
		<div class="new-project"><span>Новый проект</span></div>
		<div class="my-projects registered"><span>Мои проекты</span></div>
		<div class="search"><span>Поиск</span></div>
		<div class="feedback"><span>Обратная связь</span></div>
		<div class="exit registered"><span>Выход</span></div>
		<div class="login-register unregistered"><span>Вход/Регистрация</span></div>
		<div class="settings registered"><span>Настройки</span></div>
		<div class="profile registered"><span>Личный кабинет</span></div>
	</div>
	<div id="body">
		<div id="profile-page">
			<div class="header"><span>Личный кабинет</span></div>
			<div class="body">
				<div class="menu">
					<div class="personal-data"><span>Мои данные</span></div>
					<div class="my-projects">
						<div class="header">Мои проекты</div>
						<div class="body">
							<div class="project-list"></div>
							<div class="new-project"></div>
							<div class="remove"></div>
							<div class="edit"></div>
							<div class="filter"></div>
							<div class="sesrcch"></div>
						</div>
					</div>
					<div class="likes"><span>Нравится</span></div>
					<div class="my-orders"><span>Мои заказы</span></div>
				</div>
				<div class="view">
					<div class="personal-data"><span>Мои данные</span></div>
					<div class="my-projects"><span>Мои проекты</span></div>
					<div class="likes">
						<div class="header">Нравится</div>
						<div class="body">
							<div class="search">Поиск</div>
							<div class="gallery">Понравившиеся проект</div>
							<div class="remove">Удалить из понравившихся</div>
							<div class="view">Просмотр</div>
							<div class="edit">Редактировать</div>
							<div class="order">Заказать</div>
						</div>
					</div>
					<div class="my-orders">
						<div class="header">Мои заказы</div>
						<div class="body">
							
						</div>
					</div>
				</div>
			</div>
		</div>
		<div id="view-order-page">
			<div class="header"><span>Просмотр заказа</span></div>
		</div>
		<div id="make-order-page">
			<div class="header"><span>Сделать заказ</span></div>
		</div>
		<div id="settings-page">
			<div class="header"><span>Настройки</span></div>
		</div>
		<div id="collection-page">
			<div class="header"><span>Коллекция конструкций</span></div>
		</div>
		<div id="viewer-page">
			<div class="header"><span>Просмотр констуркции</span></div>
		</div>
		<div id="editor-page">
			<div class="header"><span>Редактор</span></div>
			<div class="body">
				<div class="canvas"></div>
				<div class="details-magazine">
					<div class="categories menu">
						<div class="category">Доски</div>
						<div class="category">Брусья</div>
						<div class="category">Рамы</div>
					</div>
					<div class="collections">
						<div class="collection">Доски</div>
						<div class="collection">Брусья</div>
						<div class="collection">Рамы</div>
					</div>
					<div class="close"></div>
				</div>
				<div class="view-point-direction">
					<div class="x-y"></div>
					<div class="x-z"></div>
					<div class="y-z"></div>
				</div>
			</div>
		</div>
		<div id="feedback-page">
			<div class="header"><span>Обратная связь</span></div>
		</div>
		<div id="login-register-page">
			<div class="login-page">
				<div class="header"><span>Вход</span></div>
				<div class="body">
					<div class="login"><input type="text"></input></div>
					<div class="password"><input type="text"></input></div>
					<div class="remember"><input type="checkbox"></input></div>
					<div class="forgot-password"><span>Забыл пароль</span></div>
					<div class="registration"><span>Регистрация</span></div>
					<div class="ok">Войти</div>
				</div>
			</div>
			<div class="registration-page">
				<div class="header"><span>Регистрация</span></div>
				<div class="body">
					<div class="email"></div>
					<div class="password"></div>
					<div class="ok"></div>
				</div>
			</div>
		</div>
	</div>
	<footer>Footer</footer>
</body>
</html>
